<!doctype html>
<html lang="en">	
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="">
		<meta name="Keywords" content="">
		<meta name="Description" content="">
		<title>16-表单-node</title>
		<link rel="stylesheet" href="../css/node-public.css">
	</head>
	<body>
		
		<div id="box">
			<h1>无缝轮播原生js-node</h1>
			<a href="../confused is Blog/confused is Blog.html">首页</a>
		</div>
		<div id="main-box">
			<ul>
				<li>
					<h2>表单的作用:收集用户输入的个人信息</h2>
					<span>form  表单标签，块级
			action	提交地址
			method   提交方式,get 和 post，post保密性好
		表单是特殊重要的元素，所以都会给表单写ID

		</span>
				</li>
				<li>
					<h2>input   表单控件</h2>
					<span>收集用户输入的个人信息type：
					text   文本输入框
					password   密码框
					radio  单选框
					submit  提交按钮
					reset  重置按钮
					image  图片提交按钮  很少用
					file   上传文件


			标签属性：
				placeholder   提示文本
				disabled   禁用当前表单控件
				checked    默认选中
				outline  控件的外框
			具有和border一样的属性值
		</span>
				</li>
				<li>
					<h2>伪类：</h2>
					<span>:focus   选择获得焦点的元素.鼠标按下去
				只有tab键能选中的元素，才对这个伪类生效

		</span>
				</li>
				<li>
					<h2>select   下拉选框</h2>
					<span>option   选项
			标签属性：
				size  设置能看到的选项数目
				selected   默认显示哪一项选项
				多行文本框/文本域
			cols  定义宽度
			rows  定义高度

			resize  设置调整文本域的尺寸
				none  不许调整
				vertical    可以调整高度
				horizontal   可以调整宽度

		</span>
				</li>
			</ul>
	</body>
</html>
